@charset "utf-8";
/* CSS Document */

/** 清除内外边距 **/ 
body, h1, h2, h3, h4, h5, h6, hr, p, 
blockquote, /* structural elements 结构元素 */ 
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */ 
pre, /* text formatting elements 文本格式元素 */ 
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */ 
th, td, /* table elements 表格元素 */ 
img/* img elements 图片元素 */{ 
border:medium none; 
margin: 0; 
padding: 0; 
} 
/** 设置默认字体 **/ 
body,button, input, select, textarea { 
font: 12px/1.5 '宋体',tahoma, Srial, helvetica, sans-serif; 
} 
h1, h2, h3, h4, h5, h6 { font-size: 100%; } 
em{font-style:normal;} 
/** 重置列表元素 **/ 
ul, ol { list-style: none; } 
/** 重置超链接元素 **/ 
a { text-decoration: none; color:#333;} 
a:hover { text-decoration: none; color:#333; } 
/** 重置图片元素 **/ 
img{ border:0px;} 
/** 重置表格元素 **/ 
table { border-collapse: collapse; border-spacing: 0; } 

.hide{display:none}
.show{display:block;}
html, body{height:100%;}
body{background:center center url(../wallpapers/蓝色光晕.jpg); min-height: 680px; overflow: hidden;}

/* 内部浏览器 begin */
#web-browser{width:1039px; z-index:900; overflow:hidden; margin:0px auto; position:absolute; top:0px;height:100%;}
#web-browser iframe{background:#e9e9e9; width:1000px;   margin:0px; padding:0px; border:none;height:100%;}
#web-browser .close-btn{cursor:pointer;width:39px; height:39px; float:left; clear:left;background: center center url(../images/close-btn.png);}
#web-browser .browser-container{clear:both;float:right;clear:right;height:100%}
#web-browser .browser-container .browser-panel{clear:both; height:25px;overflow:hidden;}
#web-browser .browser-container .browser-panel .browser-title{clear:both;overflow:hidden;text-align:center;height:25px;background:0px -31px url(../images/sprite_repeat_x_png.png); position: relative;}
#web-browser .browser-container .browser-panel .browser-title #browser_titleButtonBar{position: absolute;right:5px;top:4px;}
#web-browser .browser-container .browser-panel .browser-title #browser_titleButtonBar a{float:right;display:block;width:21px;height:19px;background:center center no-repeat url(../images/sprite_main_png.png); margin-left:4px;}
#web-browser .browser-container .browser-panel .browser-title #browser_titleButtonBar a.close{background-position:-64px -59px;}
#web-browser .browser-container .browser-panel .browser-title #browser_titleButtonBar a.close:hover{background-position:-64px -30px;}
#web-browser .browser-container .browser-panel .browser-title #browser_titleButtonBar a.scale{background-position:-94px -59px;}
#web-browser .browser-container .browser-panel .browser-title #browser_titleButtonBar a.scale:hover{background-position:-94px -30px;}
#web-browser .browser-container .browser-panel .browser-title .title{color:#393836; font-weight:bold; font-size:12px;line-height:25px;}
#web-browser .browser-container .browser-panel .browser-control{height:30px;padding:5px 5px 3px;background:#e9e9e9;}
#web-browser .browser-container .browser-panel .browser-control .control-btn{background:0px 0px url(../images/browser_toolbar_icon.png);cursor:pointer;float:left;height:27px;text-indent:-999em;}
#web-browser .browser-container .browser-panel .browser-control div.back{width:33px;background-position:0px -2px;}
#web-browser .browser-container .browser-panel .browser-control div.forward{width:32px;background-position:-33px -2px;}
#web-browser .browser-container .browser-panel .browser-control div.go{float:right;width:39px;background-position:-725px -2px;}
#web-browser .browser-container .browser-panel .browser-control .browserAddress{border:none;margin-left:84px;margin-right:39px;}
#web-browser .browser-container .browser-panel .browser-control #webBrowserAddressField{height:27px;line-height:27px;padding-top:0px;border:none;float:left;margin:0px; width:100%;}
/* 内部浏览器 end */

/* 正式样式 */
#desktop{ width:100%; height:100%; overflow:hidden; background:center center url(../wallpapers/蓝色光晕.jpg); position:static; text-align:center;}

/* 标题栏 begin */
#title-bar{ position:relative;padding-left:0px;padding-right:0px;height:60px; text-align:center;  margin:0 auto;margin-left:100px;margin-right:250px; margin-top:10px;/*background:top left no-repeat url(../images/top_title_bg.png);background:top left no-repeat url(../images/top_title_bg_left.png);*/margin:0px -5px;}
*+html #title-bar{margin:0px;}
#title-bar span{position:relative;top:0px; display:block; height:60px; line-height:60px;clear:both; color:#462220; font-size:26px; font-family:'黑体'; font-weight:bold;background:top left url(../images/top_title_bg_mid.png);}
#title-bar i{position:absolute; display:block; overflow: hidden; width:21px; height:60px; right:0px; top:0px; /*background:top left no-repeat url(../images/top_title_bg_right.png);*/}
/* 标题栏 end */

/* 左侧菜单 begin */
#left-bar{ width:96px; height:100%; position:absolute; left:0px; top:0px; z-index:1000;}
#dockContainer{ position:absolute; top:15%;  width:96px;top:0px;left:0px;}
#dockContainer .logout-btn{color:#fff;width:25px;height:18px; position: relative;cursor:pointer;top:-30px;left:5px;}
*+html #dockContainer .logout-btn{left:-25px;top:-60px;}
#dockContainer .menu-lock-btn{display: block; overflow: hidden; width:96px; height:30px; background:center center no-repeat url(../images/lock-btn.png);cursor:pointer;}
#dockContainer .menu-lock-btn span{line-height:30px;color:#fff;font-weight:bold;font-size:14px;}
#dockContainer .menu{ /*background:bottom center no-repeat url(../images/dock_b_new.png);*/ width:90px; height:100%; padding-top:5px; padding-bottom:5px;padding-right:6px;background:top center no-repeat url(../images/dock_top_new.png);}
#dockContainer .menu li{  width:64px; height:64px; margin:0px auto;  padding:0px; text-align:center; position:relative;}
#dockContainer .menu li.setting-btn{top:5px;}
#dockContainer .menu li.setting-btn a{position:relative;top:5px;}
#dockContainer .menu li a{ overflow:hidden;}
#dockContainer .menu li.hover{ /*background:center center no-repeat url(../images/default_appbtn_bg.png);*/}
#dockContainer .menu li a img{width:48px; height:48px; display:block; margin:0 auto;}
#dockContainer .menu li a span{color:#FFF; font-size:12px; line-height:14px; overflow:hidden; text-align:center; display:block;}
#dockContainer .menu li.hover .sec-menu-area{ display:block;border-top:1px solid #131313;z-index:1000;}
#dockContainer .menu li .sec-menu-area{ top:0px; left:80px; width:220px; padding:0px 0px; background:#000;position:absolute; background:url(../images/sec-menu_bg.png);}
#dockContainer .menu li .sec-menu-area .arc{width:13px;height:14px;position:absolute;top:0px;left:-13px;background:center center no-repeat url(../images/sec-menu_arc.png);}
#dockContainer .menu li.hover .sec-menu-area .sec-menu{ clear:both;background:top left repeat-y url(../images/sec-menu_bg_item_bg.png);}
#dockContainer .menu li.hover .sec-menu-area .sec-menu li{ width:auto; height:auto; margin:0px; padding:0px; text-align:left;position:relative; overflow:visible; width:220px; height:22px;}
#dockContainer .menu li.hover .sec-menu-area .sec-menu > li{height:32px;}
#dockContainer .menu li.hover .sec-menu-area .sec-menu li a{ overflow:hidden;color:#fff; font-size:14px; padding-left:12px; display:block; height:22px; line-height:22px;}
#dockContainer .menu li.hover .sec-menu-area .sec-menu > li > a{line-height:32px; height:32px;}
#dockContainer .menu li.hover .sec-menu-area .sec-menu li a:hover{/*color:#000; background:#c28a37;*/ background:center center no-repeat url(../images/sec-menu_bg_item_bg_cur.png);}
#dockContainer .menu li.hover .sec-menu-area .sec-menu li.hover{ /*background:#c28a37;*/background:center center no-repeat url(../images/sec-menu_bg_item_bg_cur.png);}
#dockContainer .menu li.hover .sec-menu-area .sec-menu li.hover .thr-menu-area{behavior: url(./border-radius.htc);display:block;border-radius:7px;opacity:0.8;filter:alpha(opacity=80);}
#dockContainer .menu li.hover .sec-menu-area .sec-menu li .thr-menu-area{ overflow:hidden; position:absolute; width:190px; top:0px; left:220px;}
#dockContainer .menu li.hover .sec-menu-area .sec-menu li .thr-menu-area .thr-menu{background:#d99d54;opacity:1;}
#dockContainer .menu li.hover .sec-menu-area .sec-menu li .thr-menu-area .thr-menu li{clear:both; border-bottom:1px solid #fff;width:auto;}
#dockContainer .menu li.hover .sec-menu-area .sec-menu li .thr-menu-area .thr-menu li.last{ height:23px; line-height:23px; border-bottom:none;}
#dockContainer .menu li.hover .sec-menu-area .sec-menu li .thr-menu-area .thr-menu li a{color:#fff; display:block;}
#dockContainer .menu li.hover .sec-menu-area .sec-menu li .thr-menu-area .thr-menu li a:hover{ background:none;color:#000;}
/* 左侧菜单 end */

/* 右侧菜单 begin */
#right-bar{ width:220px; height:100%;position:absolute;top:0px; right:25px;z-index:500;}
#right-bar .widget-container{clear:both;margin-top:100px;}
/* 右侧菜单 end */

/* 下方工具条 begin */
#bottom-bar{ width:100%; position:absolute; bottom:0px;left:0px;}
.tool-container{width:600px; margin:0px auto;margin-bottom:40px; height:150px;}
.tool-container .tool-fir-menu{}
.tool-container .tool-fir-menu > li{float:left; margin-right:50px; width:150px; position:relative;}
.tool-container .tool-fir-menu > li span{ display:block; width:144px; height:144px; border:3px solid #FFF;border-radius:72px;}
.tool-container .tool-fir-menu > li span a.rai-btn{display:block; width:90px; height:90px;margin-top:7px; margin-left:7px; border-radius:65px; cursor:pointer; font-size:35px; color:#fff; padding:20px; line-height:45px; font-weight:bold;}
.tool-container .tool-fir-menu > li.hover .tool-sec-menu{ display:block;}
.tool-container .tool-fir-menu > li .tool-sec-menu{position:absolute; top:-270px; height:270px; background:url(../images/sec-menu_bg.png);}
.tool-container .tool-fir-menu > li .tool-sec-menu > li{float:left; width:10px; padding:5px 10px; border-right:1px solid #FFF; cursor:pointer; position:relative; height:260px;}
.tool-container .tool-fir-menu > li .tool-sec-menu > li.hover{ background:#ca863d;}
.tool-container .tool-fir-menu > li .tool-sec-menu > li > a{ font-size:14px; line-height:16px; display:block; color:#FFF;word-wrap:break-word;word-break:nomal;}
.tool-container .tool-fir-menu .tool-sec-menu > li.hover .tool-thr-menu{ display:block;}
.tool-container .tool-fir-menu .tool-sec-menu > li .tool-thr-menu{ height:160px; background:#ca863d; position:absolute; top:-160px;}
.tool-container .tool-fir-menu .tool-sec-menu > li .tool-thr-menu > li{float:left; width:10px;border-right:1px solid #FFF; cursor:pointer; height:150px; padding:5px 10px;}
.tool-container .tool-fir-menu .tool-sec-menu > li .tool-thr-menu > li a{color:#FFF; font-size:14px; line-height:16px; display:block;word-wrap:break-word;word-break:nomal;}
.pink-btn{ background:#c99180;}
.green-btn{ background:#98b481;}
.blue-btn{ background:#8fadc7;}
/* 下方工具条 end */

/* 预报员登录窗 begin */
/*
.login-panel{ width:320px; margin:0px auto; background:#F6F6F6; padding:15px 40px; margin-bottom:40px;border-radius:15px;display:none;}
.login-panel .ttl{margin:10px 0px; border-bottom:none;}
.login-panel .ttl h3{ width:200px;height:40px; margin:0px auto;}
.login-panel .ttl h3 span{font-size:24px;font-family:'黑体';position:relative;line-height:40px;left:0px;top:-2px;}
.login-panel .content{ overflow:hidden;clear:both; padding-bottom:0px;}
.login-panel .content .row{overflow:hidden;clear:both;margin-bottom:15px;padding-left:25px;}
.login-panel .content label, .login-panel .content input, .login-panel .content button{float:left; cursor: pointer;}
.login-panel .content label{color:#000; font-size:14px; margin-right:5px; font-weight:bold;display:block;width:70px;text-align:left;height:25px;line-height:25px;}
.login-panel .content input{ width:170px; height:25px; line-height:25px; font-size:14px; border:none; border:1px solid #CCCCCC;color:#868686;}
.login-panel .content button{ cursor:pointer;height:36px;width:111px;background:-111px 0px no-repeat url(../images/login_btn.png);}
.login-panel .content button span{ line-height:22px; font-weight:bold; font-size:12px; color:#330003; visibility: hidden;}
.login-panel .close-btn{ position:relative; float:right;  top: -25px; left: 50px; cursor:pointer; background:top center no-repeat url(../images/boxy_btn.png); width:28px; height:28px;}
*/
.login-panel{ width:360px; margin:0px auto; padding:0px 20px; margin-bottom:40px;display:none; background:center center no-repeat url(../images/login-panel-bg.png);height:90px;width:360px;padding-top:5px;}
.login-panel .ttl{margin:10px 0px; border-bottom:1px solid #fff;}
.login-panel .ttl h3{ text-align:center; color:#fff; height:30px; line-height:30px; font-family:'黑体'; font-size:24px; font-weight:bold; letter-spacing:3px;}
.login-panel .content{ overflow:hidden;clear:both; padding-bottom:20px;}
.login-panel .content label, .login-panel .content input, .login-panel .content button{float:left;}
.login-panel .content label{color:#330003; font-size:12px; margin-right:5px; font-weight:bold;}
.login-panel .content input{ width:100px; height:20px; line-height:20px; font-size:12px; border:none; border:1px solid #3f4044; background:#dad6b1;}
.login-panel .content button{ border:1px solid #3f4044; width:50px; height:22px; background:#a55726; }
.login-panel .content button span{ line-height:22px; font-weight:bold; font-size:12px; color:#330003;}
.login-panel .close-btn{ position:relative; float:right; top:-10px; left:25px; cursor:pointer; width:18px;height:18px;background:top center no-repeat url(../images/x18.png);}
/* 预报员登录窗 */

/* 设置窗口 */
#setting-dialog{padding:0px;}
#setting-dialog .toggle-bar{ height:25px; border-bottom:1px solid #a9b9b6;clear:both;text-align:left;padding:0px 5px;}
#setting-dialog .toggle-bar span{ text-align:center;display:block;float:left;width:79px;height:23px;line-height:23px; position:relative; top:3px; cursor:pointer;}
#setting-dialog .toggle-bar span.activ{background:center center no-repeat url(../images/toggle-btn.gif);}
#setting-dialog .content{overflow:auto; clear:both;height:400px;}
#setting-dialog .content .num-0{ overflow:hidden; padding:30px 13px;}
#setting-dialog .content .wallpapers{clear:both; overflow:hidden;}
#setting-dialog .content .wallpapers li{ width:145px;height:115px;margin-right:25px; float:left; margin-bottom:10px; cursor:pointer}
#setting-dialog .content .wallpapers li a{color:#1166BB; display:block;clear:both; text-align:center;}
#setting-dialog .content .wallpapers li a:hover{ text-decoration: underline;}
#setting-dialog .content .num-1{ overflow:hidden; padding:0px;}
#setting-dialog .content .item-title{padding-top:3px; padding-left:10px; height:25px; background:center left repeat-x url(../images/set-titlebg1.png);}
#setting-dialog .content .item-body{clear:both; padding:20px 0 20px 15px;}
#setting-dialog .content .item-body label{margin-right:18px;}
#setting-dialog .content .item-body input{ margin-right:10px;}
#setting-dialog .content .item-body .row{clear:both;overflow:hidden;}
#setting-dialog .content .item-body .row span{color:#333; line-height:20px; font-size:12px; text-align:center;display:block;float:left;height:20px;}
#setting-dialog .content .item-body .row span.id{width:10%;}
#setting-dialog .content .item-body .row span.parent-id{width:15%;}
#setting-dialog .content .item-body .row span.name{width:25%}
#setting-dialog .content .item-body .row span.url{width:25%;}
#setting-dialog .content .item-body .row span.is-show{width:10%;}
#setting-dialog .content .item-body .row span.action{width:15%;}
#setting-dialog .content .item-body .row span.action a{clear:both; line-height:20px;color:#1166bb}
#setting-dialog .content .item-body .row span.action a:hover{text-decoration: underline;}
#setting-dialog .content .add-bar{clear:both;overflow:hidden;text-align:right;}
#setting-dialog .content .add-bar a{color:#1166bb;padding:0px 5px;}
#setting-dialog .content .add-bar a:hover{text-decoration: underline;}
#setting-dialog .content .item-body .set-remote-bg{}
#setting-dialog .content .item-body .set-remote-bg input[type='text']{border:1px solid #909090;font-size:12px;height:20px; line-height:20px;width:300px;}
#setting-dialog .content .item-body .set-remote-bg button{cursor:pointer;;width:50px;height:22px;}
#setting-dialog .content .item-body .set-remote-bg span{text-align:center; width:auto;float:none;display:inline;}

/* 天气小部件 */
#weather{width:195px; height:98px;margin-bottom:0px; background:center center no-repeat url(../images/weather-bg-main-mini.png);padding:10px;padding-top:0px;}
#weather #weather_now_pic{display:inline;float:left;width:60px;height:50px;}
#weather #weather_now_temperature{color:white;display:inline;float:left;font-size:32pt;font-weight:500;height:50px;line-height:56px;margin:0px 0px 0px 20px;text-align:right;width:110px;font-family:tahoma,helvetica,clean,sans-serif;}
#weather #weatherWidget_city{clear:left;color:#A7DAFB;display:inline;float:left;font-size:14px;font-weight:bold;height:22px;line-height:22px;margin:5px 0 0 10px;overflow:hidden;padding:0px 5px;width:185px;text-align:left;}
#weather #weatherWidget_moreInfoPanel{display:inline;float:left;line-height:20px;margin:5px 0 0 0px;padding:0 5px;}
#weather #weatherWidget_time{clear:left;color:white;float:left;font-size:13px;height:20px;margin-top:5px;overflow:hidden;width:140px;text-align:left;}
#weather .weatherWidget_refresh_wrapper{float:left;height:20px;margin:3px 0 0 15px;}
*+html #weather .weatherWidget_refresh_wrapper{width:26px;}
#weather #weatherWidget_refresh{color:white;cursor:pointer;font-size:13px;}

/* 编辑窗口 */
#edit-dialog{padding:0px;}
#edit-dialog .content{overflow:auto;clear:both;}
#edit-dialog .content .row{clear:both;margin-top:10px; padding:0px 10px;overflow:hidden;}
#edit-dialog .content .row span{font-size:14px;display:block;width:100px;height:22px;line-height:22px;}
#edit-dialog .content .row span{float:left;}
#edit-dialog .content .row input{float:left;}
#edit-dialog .content .row input[type='text']{border:1px solid #909090;height:20px;line-height:20px;margin-left:0px;}

/* 弹出框公共样式 */
.ui-dialog{padding:0px!important;}
.ui-widget-header{border:none!important;background:url("../images/sprite_repeat_x_png.png") repeat scroll 0 -31px transparent!important;height:25px!important;padding:0px!important;text-align:center!important;}
.ui-dialog .ui-dialog-title{float:none!important;margin:0px!important;line-height:25px!important;}

/* 时钟 */
#clock{z-index:800;}

/* swfupload */
.swfupload{margin-left:10px;background:#F0F0F0;}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled{opacity:1!important;filter:alpha(opacity=100)!important;}